Stylish UI/com.segnities007.stylishui.structure

Package-level declarations

Types

typealias ConnectedButtonItemContent = @Composable (item: StylishConnectedButtonItem, modifier: Modifier, shape: Shape, outlineEdges: ConnectedEdges, outlineCorners: ConnectedCorners) -> Unit

The rendering contract for a single item within a headless connected-button layout (Structure layer).

ConnectedCardItemContent

typealias ConnectedCardItemContent = @Composable (item: StylishConnectedCardItem, modifier: Modifier, shape: Shape, outlineEdges: ConnectedEdges, outlineCorners: ConnectedCorners) -> Unit

The rendering contract for a single item within a headless connected-card layout (Structure layer).

ConnectedChipItemContent

typealias ConnectedChipItemContent = @Composable (item: StylishConnectedChipItem, modifier: Modifier, shape: Shape, outlineEdges: ConnectedEdges, outlineCorners: ConnectedCorners) -> Unit

The rendering contract for a single item within a headless connected-chip layout (Structure layer).

ConnectedListItemContent

typealias ConnectedListItemContent = @Composable (item: StylishConnectedListItem, modifier: Modifier, shape: Shape, outlineEdges: ConnectedEdges, outlineCorners: ConnectedCorners) -> Unit

The rendering contract for a single item within a headless connected-list layout (Structure layer).

Functions

ConnectedAvatarRow

@Composable

fun <T> ConnectedAvatarRow(items: List<T>, modifier: Modifier = Modifier, maxVisible: Int = 5, overlap: Dp = (-8).dp, avatar: @Composable (item: T, index: Int, modifier: Modifier) -> Unit, overflow: @Composable (hiddenCount: Int, modifier: Modifier) -> Unit = { _, _ -> })

A headless overlapping avatar row layout (Structure layer).

ConnectedButtonColumn

@Composable

fun ConnectedButtonColumn(items: List<StylishConnectedButtonItem>, modifier: Modifier = Modifier, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, spacing: Dp = StylishTheme.dimensions.connectedSpacing, button: ConnectedButtonItemContent)

A headless vertically connected button layout (Structure layer).

ConnectedButtonGrid

@Composable

fun ConnectedButtonGrid(items: List<StylishConnectedButtonItem>, columns: Int, modifier: Modifier = Modifier, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, spacing: Dp = StylishTheme.dimensions.connectedSpacing, button: ConnectedButtonItemContent)

A headless grid of connected buttons laid out in equal-width cells across a fixed number of columns (Structure layer).

ConnectedButtonRow

@Composable

fun ConnectedButtonRow(items: List<StylishConnectedButtonItem>, modifier: Modifier = Modifier, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, spacing: Dp = StylishTheme.dimensions.connectedSpacing, button: ConnectedButtonItemContent)

A headless horizontally connected button layout (Structure layer).

ConnectedCardColumn

@Composable

fun ConnectedCardColumn(items: List<StylishConnectedCardItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, card: ConnectedCardItemContent)

A headless vertically connected card layout (Structure layer).

ConnectedCardGrid

@Composable

fun ConnectedCardGrid(items: List<StylishConnectedCardItem>, columns: Int, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, card: ConnectedCardItemContent)

A headless grid of connected cards laid out in equal-width cells across a fixed number of columns (Structure layer).

ConnectedCardLazyColumn

@Composable

fun ConnectedCardLazyColumn(items: List<StylishConnectedCardItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, contentPadding: PaddingValues = PaddingValues(horizontal = DefaultStylishDimensions.controlPadding), listState: LazyListState = rememberLazyListState(), card: ConnectedCardItemContent)

A headless lazily-composed vertically connected card layout (Structure layer).

ConnectedCardLazyGrid

@Composable

fun ConnectedCardLazyGrid(items: List<StylishConnectedCardItem>, columns: Int, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, contentPadding: PaddingValues = PaddingValues(horizontal = DefaultStylishDimensions.controlPadding), listState: LazyGridState = rememberLazyGridState(), card: ConnectedCardItemContent)

A headless lazily-composed grid of connected cards laid out in equal-width cells across a fixed number of columns (Structure layer).

ConnectedCardRow

@Composable

fun ConnectedCardRow(items: List<StylishConnectedCardItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, card: ConnectedCardItemContent)

A headless horizontally connected card layout (Structure layer).

ConnectedChipColumn

@Composable

fun ConnectedChipColumn(items: List<StylishConnectedChipItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, chip: ConnectedChipItemContent)

A headless vertically connected chip layout (Structure layer).

ConnectedChipGrid

@Composable

fun ConnectedChipGrid(items: List<StylishConnectedChipItem>, columns: Int, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, chip: ConnectedChipItemContent)

A headless grid of connected chips laid out in equal-width cells across a fixed number of columns (Structure layer).

ConnectedChipRow

@Composable

fun ConnectedChipRow(items: List<StylishConnectedChipItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, fillWidth: Boolean = false, chip: ConnectedChipItemContent)

A headless horizontally connected chip layout (Structure layer).

ConnectedListItemColumn

@Composable

fun ConnectedListItemColumn(items: List<StylishConnectedListItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, listItem: ConnectedListItemContent)

A headless vertically connected list-item layout (Structure layer).

ConnectedListItemGrid

@Composable

fun ConnectedListItemGrid(items: List<StylishConnectedListItem>, columns: Int, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, listItem: ConnectedListItemContent)

A headless grid of connected list items laid out in equal-width cells across a fixed number of columns (Structure layer).

ConnectedListItemLazyColumn

@Composable

fun ConnectedListItemLazyColumn(items: List<StylishConnectedListItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, contentPadding: PaddingValues = PaddingValues(horizontal = DefaultStylishDimensions.controlPadding), listState: LazyListState = rememberLazyListState(), listItem: ConnectedListItemContent)

A headless lazily-composed vertically connected list-item layout (Structure layer).

ConnectedListItemLazyGrid

@Composable

fun ConnectedListItemLazyGrid(items: List<StylishConnectedListItem>, columns: Int, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, contentPadding: PaddingValues = PaddingValues(horizontal = DefaultStylishDimensions.controlPadding), listState: LazyGridState = rememberLazyGridState(), listItem: ConnectedListItemContent)

A headless lazily-composed grid of connected list items laid out in equal-width cells across a fixed number of columns (Structure layer).

ConnectedListItemRow

@Composable

fun ConnectedListItemRow(items: List<StylishConnectedListItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, listItem: ConnectedListItemContent)

A headless horizontally connected list-item layout (Structure layer).

ConnectedToggleRow

@Composable

fun <T> ConnectedToggleRow(items: List<T>, selectedIndex: Int?, onSelectedChange: (Int) -> Unit, modifier: Modifier = Modifier, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, spacing: Dp = StylishTheme.dimensions.connectedSpacing, toggle: @Composable (item: T, index: Int, isSelected: Boolean, modifier: Modifier, shape: Shape, edges: ConnectedEdges, corners: ConnectedCorners) -> Unit)

A headless horizontally connected toggle row layout (Structure layer).